<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .d1{
            width:300px;
            height:300px;
            display: block;
        }
    </style>
</head>
<body>
<div>
   <div class = "d1">
       <svg class="progressSvg" style={{'--speed': speed, '--progress': progress}} viewBox="0 0 120 120">
       <rect width="20" height="20" x="10" y="10" rx="10" ry="10" />
       </svg>
   </div>

    <div>
        <svg class="progressSvg" style={{'--speed': speed, '--progress': progress}} viewBox="0 0 120 120">
        <rect width="30" height="30" x="10" y="10" rx="10" ry="10" style = "margin-left:100px"/>
        </svg>v
    </div>

</div>
</body>
</html>